<template>
  <div class="sync">
    <div class="sync-content" v-for="item in data.rows">
      <div class="sync-pop">
        <div>{{ item.name }}</div>
      </div>
    </div>
  </div>
</template>

<script setup lang='ts'>
import { ref, reactive } from 'vue'
import util from '../server/index'

interface Data {
  total: number,
  rows: User[]
}
interface User {
  id: number,
  name: string
}

const data = await util.axios.get<Data>('/12.json')
console.log(data)

</script>

<style lang='scss' scoped>

</style>